
.scroll-view(@top:0px,@bottom:0px) {
	height: calc(100vh - var(--status-bar-height) - 45px - var(--window-bottom) - @bottom - @top);
}
.bg-treecolor{color: #FFFFFF;}
.scroll-view {
	.scroll-view();
	&.home {
		.scroll-view(340rpx);
	}
	&.user{
		.scroll-view(486rpx);
	}
	&.team{
		.scroll-view(550rpx);
	}
	&.wallet{
		.scroll-view(320rpx);	
	}
	&.history{
		.scroll-view(320rpx);	
	}
	&.histoyr{
		.scroll-view(420rpx);	
	}
	&.bank{
		.scroll-view(200rpx);
	}
	&.order{
		.scroll-view(160rpx);
	}
	&.address{
		.scroll-view(200rpx);
	}
	&.rtfenlei{
		.scroll-view(60rpx);
	}
	&.stores{
		.scroll-view(700rpx);
	}
	&.goods{
		.scroll-view(750rpx);
	}
}
.bg-f2{
	background-color: #172A42 !important;
	color: #FFFFFF !important;
}
.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ellipsis2 {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.ellipsis3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.f10 {
	font-size: 20rpx !important;
}
.f11 {
	font-size: 22rpx !important;
}
.f12 {
	font-size: 24rpx !important;
}
.f13 {
	font-size: 26rpx !important;
}
.f14 {
	font-size: 28rpx !important;
}
.f15 {
	font-size: 30rpx !important;
}
.f16 {
	font-size: 32rpx !important;
}
.f17 {
	font-size: 34rpx !important;
}
.bg-jinse{
	background-color: #FFD700 !important;
}
.f18 {
	font-size: 36rpx !important;
}
.f19 {
	font-size: 38rpx !important;
}
.f20 {
	font-size: 40rpx !important;
}
.f22 {
	font-size: 44rpx !important;
}
.f24 {
	font-size: 48rpx !important;
}
.f26 {
	font-size: 52rpx !important;
}
.f30 {
	font-size: 60rpx !important;
}
.f40 {
	font-size: 80rpx !important;
}
.lh1 {
	line-height: 1 !important;
}
.lh12 {
	line-height: 1.2 !important;
}
.lh14 {
	line-height: 1.4 !important;
}
.lh16 {
	line-height: 1.6 !important;
}
.lh-normal {
	line-height: normal;
}
.fwb {
	font-weight: bold;
}
.middle {
	vertical-align: middle;
}

/* 间距 */
.mt0 {
	margin-top: 0 !important;
}
.mt1 {
	margin-top: 2rpx !important;
}
.mt2 {
	margin-top: 4rpx !important;
}
.mt5 {
	margin-top: 10rpx !important;
}
.mr5 {
	margin-right: 10rpx !important;
}
.mb5 {
	margin-bottom: 10rpx !important;
}
.ml5 {
	margin-left: 10rpx;
}
.mt8 {
	margin-top: 16rpx;
}
.mr8 {
	margin-right: 16rpx;
}
.mb8 {
	margin-bottom: 16rpx;
}
.ml8 {
	margin-left: 16rpx;
}
.ml10 {
	margin-left: 20rpx;
}
.mt10 {
	margin-top: 20rpx !important;
}
.mr10 {
	margin-right: 20rpx !important;
}
.mb10 {
	margin-bottom: 20rpx;
}
.ml10 {
	margin-left: 20rpx;
}
.mt15 {
	margin-top: 30rpx;
}
.mr15 {
	margin-right: 30rpx;
}
.mb15 {
	margin-bottom: 30rpx;
}
.ml15 {
	margin-left: 30rpx;
}
.mt20 {
	margin-top: 40rpx;
}
.mr20 {
	margin-right: 40rpx;
}
.mb20 {
	margin-bottom: 40rpx;
}
.ml20 {
	margin-left: 40rpx;
}
.mt25 {
	margin-top: 50rpx;
}
.mt30 {
	margin-top: 60rpx;
}
.mr30 {
	margin-right: 60rpx;
}
.mb30 {
	margin-bottom: 60rpx;
}
.ml30 {
	margin-left: 60rpx;
}
.mt40 {
	margin-top: 80rpx !important;
}
.mr40 {
	margin-right: 80rpx;
}
.mb40 {
	margin-bottom: 80rpx;
}
.ml40 {
	margin-left: 80rpx;
}
.ml50 {
	margin-left: 100rpx;
}
.mt50 {
	margin-top: 100rpx;
}
.mt60 {
	margin-top: 120rpx;
}
.mt80 {
	margin-top: 160rpx;
}
.auto {
	margin-left: auto;
	margin-right: auto;
}
.mx0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.my0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my-5 {
	margin-top: -10rpx;
	margin-bottom: -10rpx;
}
.mx5 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}
.ml-5 {
	margin-left: -10rpx !important;
}
.mx-5 {
	margin-left: -10rpx !important;
	margin-right: -10rpx !important;
}
.mt-10 {
	margin-top: -20rpx;
}
.mr-10 {
	margin-right: -20rpx !important;
}
.ml-10 {
	margin-left: -20rpx !important;
}
.mx10 {
	margin-left: 20rpx !important;
	margin-right: 20rpx !important;
}
.mx-10 {
	margin-left: -20rpx !important;
	margin-right: -20rpx !important;
}
.mx15 {
	margin-left: 30rpx !important;
	margin-right: 30rpx !important;
}
.mr-15 {
	margin-right: -30rpx;
}
.mx-15 {
	margin-left: -30rpx !important;
	margin-right: -30rpx !important;
}
.my-15 {
	margin-top: -30rpx;
	margin-bottom: -30rpx;
}
.mt-20 {
	margin-top: -40rpx;
}
.mx20 {
	margin-left: 40rpx;
	margin-right: 40rpx;
}
.mt-30 {
	margin-top: -60rpx;
}
.mx30 {
	margin-left: 60rpx;
	margin-right: 60rpx;
}
.mx40 {
	margin-left: 80rpx;
	margin-right: 80rpx;
}
.mx50 {
	margin-left: 100rpx;
	margin-right: 100rpx;
}
.mx80 {
	margin-left: 160rpx;
	margin-right: 160rpx;
}
.pl0 {
	padding-left: 0 !important;
}
.px0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.py0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.py3 {
	padding-top: 6rpx !important;
	padding-bottom: 6rpx !important;
}
.pl5 {
	padding-left: 10rpx !important;
}
.pb5 {
	padding-bottom: 10rpx !important;
}
.px5 {
	padding-left: 10rpx !important;
	padding-right: 10rpx !important;
}
.py5 {
	padding-top: 10rpx !important;
	padding-bottom: 10rpx !important;
}
.py8 {
	padding-top: 16rpx !important;
	padding-bottom: 16rpx !important;
}
.pl10 {
	padding-left: 20rpx !important;
}
.pr10 {
	padding-right: 20rpx !important;
}
.pt10 {
	padding-top: 20rpx !important;
}
.pb10 {
	padding-bottom: 20rpx !important;
}
.px10 {
	padding-left: 20rpx !important;
	padding-right: 20rpx !important;
}
.py10 {
	padding-top: 20rpx !important;
	padding-bottom: 20rpx !important;
}
.pl15 {
	padding-left: 30rpx;
}
.pt15 {
	padding-top: 30rpx;
}
.px15 {
	padding-left: 30rpx !important;
	padding-right: 30rpx !important;
}
.py15 {
	padding-top: 30rpx !important;
	padding-bottom: 30rpx !important;
}

.pl20 {
	padding-left: 40rpx !important;
}
.pt20 {
	padding-top: 40rpx !important;
}
.pb20 {
	padding-bottom: 40rpx !important;
}
.px20 {
	padding-left: 40rpx !important;
	padding-right: 40rpx !important;
}
.py20 {
	padding-top: 40rpx !important;
	padding-bottom: 40rpx !important;
}
.pr30 {
	padding-right: 60rpx !important;
}
.px30 {
	padding-left: 60rpx !important;
	padding-right: 60rpx !important;
}
.py30 {
	padding-top: 60rpx !important;
	padding-bottom: 60rpx !important;
}
.pt35 {
	padding-top: 70rpx;
}
.pr35 {
	padding-right: 70rpx !important;
}
.pr40 {
	padding-right: 80rpx !important;
}
.pt40 {
	padding-top: 80rpx;
}
.px40 {
	padding-left: 80rpx !important;
	padding-right: 80rpx !important;
}
.pt45 {
	padding-top: 90rpx;
}
.pb15 {
	padding-bottom: 30rpx;
}
.pb40 {
	padding-bottom: 80rpx;
}
.pb50 {
	padding-bottom: 100rpx;
}
.pb60 {
	padding-bottom: 120rpx;
}
.px60 {
	padding-left: 120rpx !important;
	padding-right: 120rpx !important;
}
.pb80 {
	padding-bottom: 160rpx;
}
.block12 {
	width: 24rpx;
	height: 24rpx;
}
.block15 {
	width: 30rpx;
	height: 30rpx;
}
.block18 {
	width: 36rpx;
	height: 36rpx;
}
.block20 {
	width: 40rpx !important;
	height: 40rpx !important;
}
.block25 {
	width: 50rpx !important;
	height: 50rpx !important;
}
.block30 {
	width: 60rpx !important;
	height: 60rpx !important;
}
.block35 {
	width: 70rpx !important;
	height: 70rpx !important;
}
.block40 {
	width: 80rpx !important;
	height: 80rpx !important;
}
.block50 {
	width: 100rpx !important;
	height: 100rpx !important;
}
.block60 {
	width: 120rpx !important;
	height: 120rpx !important;
}
.h1 {
	height: 1rpx;
}
.h25 {
	height: 50rpx !important;
}
.h30 {
	height: 60rpx !important;
	line-height: 60rpx !important;
}
.h35 {
	height: 70rpx !important;
}
.w40 {
	width: 80rpx !important;
}
.h40 {
	height: 80rpx !important;
	line-height: 80rpx !important;
}
.h45 {
	height: 90rpx !important;
}
.w50 {
	width: 100rpx !important;
}
.h50 {
	height: 100rpx !important;
}
.h55 {
	height: 110rpx !important;
}
.w60 {
	width: 120rpx !important;
}
.h60 {
	height: 120rpx !important;
}
.h70 {
	height: 140rpx !important;
}
.block70 {
	width: 140rpx !important;
	height: 140rpx !important;
}
.w80 {
	width: 160rpx !important;
}
.h80 {
	height: 160rpx !important;
}
.block80 {
	width: 160rpx !important;
	height: 160rpx !important;
}
.h90 {
	height: 180rpx !important;
}
.block90 {
	width: 180rpx !important;
	height: 180rpx !important;
}


.wp80 {
	width: 80%;
}
.wp100 {
	width: 100%;
}
.w130 {
	width: 260rpx !important;
}
.w140 {
	width: 280rpx !important;
}
.h100 {
	height: 200rpx !important;
}
.radius-none {
	border-radius: 0 !important;
	&::after {
		border-radius: 0 !important;
	}
}
.radius-5 {
	border-radius: 10rpx !important;
	&::after {
		border-radius: 20rpx !important;
	}
}
.radius-15 {
	border-radius: 30rpx !important;
	&::after {
		border-radius: 60rpx !important;
	}
}
.radius-30 {
	border-radius: 60rpx !important;
	&::after {
		border-radius: 90rpx !important;
	}
}

//cfc
.button-cfc {
	background-image: linear-gradient(to right, #CB2CFF, #8565FF) !important;
	color:#FFFFFF !important;
	height: 90rpx !important;
	border-radius: 20rpx;
	font-size: 36rpx !important;
}
.cubg{
	background-color: #172A42 !important;
}
.bb1{
	border-bottom: 1rpx solid #F7F7F7 !important;
}
.text-white{
	color: #FFFFFF !important;
}
.discenter{
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp25{
	width: 25%;
}
.wp33{
	width: 33.3%;
}
